<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>行思-沂蒙文化寻访实践团</title>
    <link rel="stylesheet" href="yimengwenhua.css">
    <link rel="shortcut icon" href="../images/team_logo.ico">

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?75065be91b1cc5aa73d0cfe2f9c9a1df";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>

<body>
    <!-- 头部区域 -->
    <div class="header w">
        <div class="teamlogo">
            <img src="../images/team_logo.jpg" alt="行思团徽" class="teamimg">
        </div>

        <div class="r_display">
            二维码
            <div class="r_nav">
                <div class="r_dj">
                    <span class="char">欢迎关<br>注小队公众<br>号、视频号、<br>微博~</span>
                    <!-- <span class="char">欢迎关注行思公众号、视频号、微博~</span> -->
                </div>
                <ul class="r_con">
                    <li class="r_code">
                        <img src="../images/二维码.png" alt="" class="img1">
                        <img src="../images/二维码2.png" alt="" class="img2">
                        <img src="../images/二维码3.png" alt="" class="img3">
                        <img src="../images/二维码4.png" alt="" class="img4">
                    </li>
                    <li class="r_burst">
                        <a href=""></a>
                        <div class="r_assBg">

                        </div>
                    </li>
                    <li class="r_wc_gzh">
                        <div class="r_assBg"></div>
                    </li>
                    <li class="r_wc_sph">
                        <div class="r_assBg"></div>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 导航栏nav部分 -->
        <!-- <div> -->
        <ul class="nav">
            <li><a href="../index.html">首页</a></li>
            <li>
                <a href="#">团队介绍</a>
                <ul class="menu1">
                    <li><a href="https://mp.weixin.qq.com/s/be2h0II3AFb8tFM_UnVPwQ">绿江源</a></li>
                    <li><a href="https://mp.weixin.qq.com/s/yLXSVfwX5eTPFWLWiCVtbg">沂蒙文化</a></li>
                    <li><a href="#">疫行文化</a></li>
                    <li><a href="https://mp.weixin.qq.com/s/hgCjrRQvvaQZ1VGavxDs7A">红贝壳</a></li>
                    <li><a href="https://mp.weixin.qq.com/s/PXLF4Dds9mK4BFwmRWDOeA">牧歌</a></li>
                    <li>
                        <a href="#">江南迹忆</a>
                        <ul class="intro">
                            <li><a href="https://mp.weixin.qq.com/s/CAdrSD_em05qA2RaawrRLQ">上海-浙江小队</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/aIcre6Lt6abrO40hIfdSBA">南京分队</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/Ng2jkPkJhnmWBywcNik_ug">湖南小队</a></li>
                            <li><a href="https://mp.weixin.qq.com/s/ffI49m57Bmrwgi9ElV7jxw">厦门小队</a></li>
                        </ul>
                    </li>


                </ul>
            </li>
            <li><a href="..\pages\teamactivity.html">团队活动</a></li>
            <li><a href="..\pages\xingsifengcai.html">行思风采</a></li>
            <li><a href="..\pages\articles.html">稿件征集</a></li>
            <li><a href="..\pages\cooperation.html">合作交流</a></li>
        </ul>
        <!-- </div> -->
    </div>

    <div class="banner">
        <div class="w">
            <div id='main'>
                <div class="subnav">
                    <ul>
                        <li><a href="lvjiangyuan.html">绿 江 源 <span> &gt;
                                </span>
                            </a>
                        </li>
                        <li><a href="jiangnanjiyi.html">江 南 迹 忆 <span> &gt;
                                </span>
                            </a>
                        </li>
                        <li><a href="yimengwenhua.html">沂 蒙 <span> &gt;
                                </span>
                            </a>
                        </li>
                        <li><a href="yixing.html">疫 行 <span> &gt; </span>
                            </a>
                        </li>
                        <li><a href="hongbeike.html">红 贝 壳 <span> &gt; </span>
                            </a>
                        </li>
                        <li><a href="muge.html">牧 歌 <span> &gt; </span>
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- 轮播图 -->
                <!--最大的div，是为了做为一个轮播图所需元素的容器-->

                <!--轮播图片区   在取名时，因为各有所长(分别取名slide1-5)，有共有特性(banner-slide)，所以，取多个类名-->
                <div id='banner_2'>
                    <!--图1-->
                    <a href="">
                        <div class='banner-slide  slide1 slide-active'> </div>
                    </a>
                    <!--图2-->
                    <a href="">
                        <div class='banner-slide  slide2'> </div>
                    </a>
                    <!--图3-->
                    <a href="">
                        <div class='banner-slide  slide3'> </div>
                    </a>
                    <!--图4-->
                    <a href="">
                        <div class='banner-slide  slide4'> </div>
                    </a>
                    <!--图5-->
                    <a href="">
                        <div class='banner-slide  slide5'> </div>
                    </a>
                </div>
                <!--移动数字绑定图片
			    必然的是，和图片数量是对等的-->
                <div class="dots">
                    <ul id='dots'>
                        <li class="li1"> </li>
                        <li> </li>
                        <li> </li>
                        <li> </li>
                        <li> </li>
                    </ul>
                </div>
                <!--
					上、下一张按钮
				-->
                <div id="left-right">
                    <div class="move" id="prev">&lsaquo;</div>
                    <div class="move" id="next">&rsaquo;</div>
                </div>

                <!-- 轮播图结束 -->
            </div>
        </div>
    </div>

    <div class="recommend w">
    </div>


    <div class="story clearfix">
        <div class="current_events">
            <div class="img_on_left">
                <img src="../images/story.png" alt="故事">
            </div>
            <span class="news_title1">
                英雄
            </span>
            <span class="news_title2">
                故事
            </span>
            <span class="news_title3">
                STORY
            </span>
        </div>
        <ul>
            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/fmF6ZVh1b3dLsv8D59jagw">
                    漫画|倒下去的身躯，永不朽的精神
                </a>
                <div class="date">8-19</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/06iiQZFacKZWRjs7AXQN3Q">
                    实践日志（八）|幸亏有你，山河无恙
                </a>
                <div class="date">8-19</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/_8o9HYqR0roFfZh1T0WobQ">
                    实践日志（七）|卸下军装，责任依旧
                </a>
                <div class="date">8-18</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/0gxb3a-nePqoF3JHMs1syg">
                    实践日志（六）|卸下军装，军魂依旧
                </a>
                <div class="date">8-18</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/y7RQKm2i6q9VMPiIMLyngw">
                    实践日志（五）|所幸有你，山河无恙
                </a>
                <div class="date">8-18</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/71ij-ZpC4YJA6Kf_2_g-1Q">
                    实践日志（四）|峥嵘岁月 初心不改
                </a>
                <div class="date">8-16</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/fMdxB0LTLyooGFy2_mPhew">
                    实践日志（三）|忠烈之志，浩于乾坤
                </a>
                <div class="date">8-14</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/ChuvvFkT411vwv0IkdzRWQ">
                    实践日志（二）|忠烈之光，昭于日月
                </a>
                <div class="date">8-14</div>
            </li>

            <li>
                <span>故事</span>
                <a href="https://mp.weixin.qq.com/s/kQ2bWCamh_FRh5Hqc72kUw">
                    实践日志（一）|老兵不老，精神不朽
                </a>
                <div class="date">8-14</div>
            </li>
        </ul>
    </div>

    <div class="summary clearfix">
        <div class="current_events">
            <div class="img_on_left">
                <img src="../images/summary.png" alt="总结">
            </div>
            <span class="news_title1">
                实践
            </span>
            <span class="news_title2">
                总结
            </span>
            <span class="news_title3">
                SUMMARY
            </span>
        </div>
        <ul>
            <!-- <li>
                <span>总结</span>
                <a href="#">
                    总结1
                </a>
                <div class="date_2">日期</div>
            </li>
            <li>
                <span>总结</span>
                <a href="#">
                    总结2
                </a>
                <div class="date_2">日期</div>
            </li>
            <li>
                <span>总结</span>
                <a href="#">
                    总结3
                </a>
                <div class="date_2">日期</div>
            </li> -->
            <li>
                <span>总结</span>
                <a href="https://mp.weixin.qq.com/s/SsgHc7mdTXzlqodBsnq1jg">
                    一本正经的第二波成员“介绍”来了
                </a>
                <div class="date_2">8-18</div>
            </li>
        </ul>
    </div>

    <div class="activity clearfix">
        <div class="current_events">
            <div class="img_on_left">
                <img src="../images/activity.png" alt="总结">
            </div>
            <span class="news_title1">
                实践
            </span>
            <span class="news_title2">
                活动
            </span>
            <span class="news_title3">
                ACTIVITY
            </span>
        </div>
        <ul>
            <!-- <li>
                <span>活动</span>
                <a href="#">
                    活动1
                </a>
                <div class="date_3">日期</div>
            </li> -->
            <li>
                <span>活动</span>
                <a href="https://mp.weixin.qq.com/s/wKOxlvkXUuBCTJFmiAqClg">
                    【团课】第一期：泪目！翻开老兵们的战争岁月，边看边哭......
                </a>
                <div class="date_3">8-16</div>
            </li>
            <li>
                <span>活动</span>
                <a href="https://mp.weixin.qq.com/s/yLXSVfwX5eTPFWLWiCVtbg">
                    初生牛犊，行思小队，扬帆起航了
                </a>
                <div class="date_3">8-13</div>
            </li>
            <li>
                <span>活动</span>
                <a href="https://mp.weixin.qq.com/s/HERAqakyg7wqqIBjHsCXDQ">
                    这条作品征集令，就差你的啦
                </a>
                <div class="date_3">8-12</div>
            </li>
        </ul>
    </div>

    <!-- footer模块 -->
    <div class="footer">
        <div class="w">
            <div class="left">
                <img src="../images/team_logo.jpg" alt="行思团徽">
            </div>
            <div class="copyright">
                <p>联系电话：xxxxxxxxxxx</p>
                <p>邮箱地址：xxxxxxxxx@xx.com</p>
                <p>联系地址：学院路30号北京科技大学</p>
                <p>邮编：100083</p>
            </div>
            <div class="links">
                <dl>
                    <dt>关于我们</dt>
                    <dd><a href="https://mp.weixin.qq.com/s/km_BGaYnJP6OAievMKMXkA">实践团介绍</a></dd>
                    <dd><a href="..\pages\teamactivity.html">实践活动</a></dd>
                    <dd><a href="..\pages\xingsifengcai.html">风采展示</a></dd>
                </dl>

                <dl>
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">微信公众号</a></dd>
                    <dd><a href="#">直播间</a></dd>
                </dl>

                <dl class="dl-end">
                    <dt>特色内容</dt>
                    <dd><a href="#">线上直播</a></dd>
                    <dd><a href="#">革命故事</a></dd>
                    <dd><a href="#">调查研究</a></dd>
                </dl>
            </div>
        </div>

        <div class="footer-down">
            <div class="logo">
                <!-- <img src="images/footer_logo.png" alt=""> -->
            </div>
        </div>
    </div>
    <!-- 底部 -->

    <script type="text/javascript" src="../index.js"></script>
    <script>
        var nav = document.querySelector('.nav');
        var menu1 = nav.children;
        for (var i = 0; i < menu1.length; i++) {
            menu1[i].onmouseover = function () {
                this.children[1].style.display = 'block';
            }
            menu1[i].onmouseout = function () {
                this.children[1].style.display = 'none';
            }
        }
        var menu2 = document.querySelector('.menu1');
        var jiangnan = menu2.children;
        for (var i = 0; i < jiangnan.length; i++) {
            jiangnan[i].onmouseover = function () {
                this.children[1].style.display = 'block';
            }
            jiangnan[i].onmouseout = function () {
                this.children[1].style.display = 'none';
            }
        }

        var rcode = document.querySelector('.r_code');
        var rcon = document.querySelector('.r_con');
        var lis = rcon.children;
        var imgs = rcode.children;
        var img2 = document.querySelector('.img2');

        for (let k = 1; k < lis.length; k++) {
            lis[k].onmouseover = function () {
                for (var j = 0; j < imgs.length; j++) {
                    imgs[j].style.display = 'none';
                }
                // if (k == 1) {
                //     imgs[1].style.display = 'block'
                // }
                // if (k == 2) {
                //     imgs[2].style.display = 'block';
                // }
                // if (k == 3) {
                //     imgs[3].style.display = 'block';
                // }
                imgs[k].style.display = 'block';
            }
            lis[k].onmouseout = function () {
                // imgs[i - 1].style.display = 'none';
                for (var j = 0; j < imgs.length; j++) {
                    imgs[j].style.display = 'none';
                }
                imgs[0].style.display = 'block';
            }
        }

        // var rnav = document.querySelector('.r_nav');
        // document.addEventListener('scroll', function () {
        //     if (window.pageYOffset >= 400) {
        //         rnav.style.position = 'fixed';
        //         rnav.style.top = '300px';
        //     }
        //     else {
        //         rnav.style.position = 'absolute';
        //         rnav.style.top = '700px';
        //     }
        // })

        var rnavv = document.querySelector('.r_nav');
        // rnavv.style.display = 'block'
        var rdisplay = document.querySelector('.r_display');
        var char = document.querySelector('.char');
        rdisplay.onmouseover = function () {
            rnavv.style.display = 'block';
            // char.style.display = 'inline';
        }
        rdisplay.onmouseout = function () {
            rnavv.style.display = 'none';
        }
    </script>
</body>

</html>